<template>
  <div class="index-wrapper scroll-box card-box">
    <el-tabs v-model="activeName"
             type="card"
             @tab-click="handleClick">
      <el-tab-pane label="公司钱包"
                   name="first">
        <company-wallet />
      </el-tab-pane>
      <el-tab-pane label="个人钱包"
                   name="second">
        <personal-wallet />
      </el-tab-pane>
    </el-tabs>
    <template slot="footer">
      <el-button @click="visible = false">{{ $t('cancel') }}</el-button>
    </template>
  </div>
</template>

<script>
import CompanyWallet from './company-wallet'
import PersonalWallet from './personal-wallet'
export default {
  data () {
    return {
      visible: false,
      activeName: 'first'
    }
  },
  components: { CompanyWallet, PersonalWallet },
  computed: {},
  methods: {
    init () {
      this.visible = true
    },
    handleClick (tab, event) {
      console.log(tab, event)
    }
  }
}
</script>
<style lang="scss" scoped>
::deep .el-tabs__content {
  min-height: 74.38vh;
  max-height: 100vh;
}
</style>
